<template>
  <div>
    <el-steps :align-center=true :active="active" finish-status="success">
      <el-step title="填写个人信息"></el-step>
      <el-step title="疫苗信息"></el-step>
      <el-step title="确定信息"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  name: "AppointmentHeader",
  data() {
    return {
      active: 1
    }
  },
  methods: {

  },
  mounted() {
    this.$bus.$on("NextStep", (flag,active, data) => {
      this.active=active+1
    })
    this.$bus.$on('beforeStep', (flag,active,data) => {
      this.active = active-1;
    })
  }
}
</script>

<style scoped>

</style>
